<template>
  <view>
    <block v-if="listLength!==0">
      <view class="top">
         <image src="../../static/icon_yidu@2x.png" mode=""></image>
         <text>全部已读</text>
       </view>
       <uni-list >
       	<uni-list-item ellipsis="1" :title="item.content" 
      rightText="123" :showExtraIcon="item.isRead" :extra-icon="extraIcon" v-for="(item,index) in list" :key="item"/>
      {{listLength}}
       </uni-list>
    </block>
      <!-- 空空如也 -->
        <page-null v-else></page-null>
    
  </view>
</template>

<script>
  export default {
    name: 'message-page',
    components: {},
    props:{
      list:Array
    },
    data() {
      return {
        
      };
    },
    created(){},
    mounted(){},
    onLoad(){},
    computed:{
      listLength(){
        return this.list.length
      }
    },
    methods: {
      
    }
  }
</script>

<style lang="scss">
  .top{
    display: flex;
    align-items: center;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
    image{
      width: 15px;
      height: 15px;
    }
    text{
      font-family: PingFangSC-Regular;
      font-weight: 400;
      font-size: 14px;
      color: #818181;
      letter-spacing: 0.16px;
      margin-left: 5px;
    }
  }
</style>